<template>
  <div id="login">
     <form action="#">
        <p>
          <input type="text" placeholder="请输入账号/手机号/邮箱">
        </p>
        <p>
          <input type="password" placeholder="请输入您的密码">
        </p>
        <p>
          <button>登录</button>
        </p>
     </form>
     <p class="find-password">
       <span >立即注册</span>
       <span>找回密码</span>
     </p>
  </div>
</template>

<script>
export default {
 name:'Login',

}
</script>

<style scoped>
  #login{
    padding-top: 50px;
  }
  input{
    width: 97%;
    height: 40px;
    padding-left: 10px;
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
  }
  button{
    background-color: #e54847;
    width: 92%;
    border: none;
    height: 30px;
    margin:10px;
    color: #fff;
    border-radius: 5px;
  }
  .find-password span{
    font-size: 12px;
    color:#e54847
  }
  .find-password span:first-child{
    float:left;
    margin-left: 10px;
  }
  .find-password span:last-child{
    float:right;
    margin-right: 10px;
  }
</style>